<form nz-form>
  <nz-form-item>
    <nz-form-label [nzSpan]="3" nzFor="id" nzRequired class="label-box"
      >分组ID</nz-form-label
    >
    <nz-form-control [nzSpan]="9">
      <input nz-input name="id" type="text" placeholder="请输入分组ID" />
    </nz-form-control>
    <nz-form-label [nzSpan]="3" nzFor="name" nzRequired class="label-box"
      >分组名称</nz-form-label
    >
    <nz-form-control [nzSpan]="9">
      <input nz-input name="name" type="text" placeholder="请输入分组名称" />
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSpan]="3" nzFor="ip" nzRequired class="label-box"
      >网关实例IP</nz-form-label
    >
    <nz-form-control [nzSpan]="21" class="input-box">
      <textarea
        nz-input
        placeholder="请输入网关实例IP"
        [nzAutosize]="{ minRows: 3, maxRows: 5 }"
      ></textarea>
      <div class="message">
        多个IP用逗号,分隔，需填写实际IP，不能填写127.0.0.1
      </div>
    </nz-form-control>
  </nz-form-item>
  <div class="footer">
    <button nz-button nzType="primary" nzSize="large">保存</button>
    <button nz-button nzType="default" (click)="handleCancle()" nzSize="large">
      取消
    </button>
  </div>
</form>
